<script setup lang='ts'>
import Echarts from '@/views/Home/Echarts/index.vue'
import { onMounted } from 'vue';
defineOptions({
    name: 'CountCard'
})
const props = defineProps({
    content: {
        type: Object,
        default: () => { }
    }
})
const options = {
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    legend: {
        data: ['销量']
    },
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [
        {
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        }
    ],

};
onMounted(() => {
    console.log(props.content);

})
</script>

<template>
    <el-card shadow="never" class="top_card">
        <el-row justify="space-between">

            <el-col :span="12"> {{ content.title }}</el-col>
            <el-col :span="2" :offset="10">
                <el-icon :class="`icon  iconfont ${content.icon}`"></el-icon>

            </el-col>


        </el-row>
        <el-row>
            <el-col :span="24">
                <h1> {{ content.num }}</h1>
            </el-col>


        </el-row>
        <p style="color: #22C551"> {{ content.compared }}</p>



        <!-- <Echarts></Echarts> -->
    </el-card>
</template>

<style lang='scss' scoped>
h1 {
    margin-top: 10px;
    margin-bottom: 2px;
}
</style>
